<template>
	<div class="comment">
		<div class="social-section">
			<Vssue :title="title" :options="options" />
		</div>
	</div>
</template>


<script type="text/ecmascript-6">
import {VssueComponent} from 'vssue'
import GiteeV5 from '@vssue/api-gitee-v5'
import 'vssue/dist/vssue.css'
export default {
	name:"CommentVssueGitee",
	props: {
		title: {
			type:String,
			default:"怡人"
		}
	},
	components: {
		'Vssue': VssueComponent
	},
	data() {
		return {
			options: {
				api: GiteeV5,
				owner: 'lang-zh',
				repo: 'yr_comment',
				clientId: '3897c7b076ce18d406bf80066add0a2816c1a12b9bae05f04853a51e7e859af7',
				clientSecret: '66a347140ce1faa74bd60ea96e21641aaf1354fb316491d11a717fc9d239b13d', // 只有在使用某些平台时需要
			},
		}
	},
}
</script>
<style lang="stylus" scoped>
.comment
	margin-top 15px
	background-color #fff
	padding 0px 20px 10px
	border-radius 10px
	box-shadow 0 0 0 1px rgba(0,0,0,.02), 0 4px 10px rgba(0,0,0,.06)
</style>